<template>
  <div class="top-container">
    <span class="sn">Something New</span>
    <div class="search">
      <el-input type="text"> </el-input>
    </div>
  </div>
</template>

<script>
import { EventBus } from "bus/mybus.js";
import moment from "moment";
import { updatePasseword } from "crm/login/login.js";
export default {
  name: "Top",
  data() {
    return {
      passForm: { oldPassword: "", newPassword: "" },
      dialogVisible: false,
    };
  },
  props: ["collapse"],

  methods: {},
};
</script> 

<style scoped>
.top-container {
  margin-top: 0.5%;
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sn {
  margin-left: 5%;
  font-size: 40px;
  font-style: italic;
  font-weight: 900;
}
.search {
  margin-right: -22%;
}
</style>